<template>
  <div class="auth-config-wrap">
    <ApiCommon :columns="responeAuthColumns"
               ref="apiCommonRef" />
    <div style="text-align:center;margin-top:30px">
      <ZOkButton @click="onConfirm"></ZOkButton>
    </div>
  </div>
</template>

<script>
import { responeAuthColumns } from '../config'
import ApiCommon from './ApiCommon.vue'
import { ZOkButton } from '@zh/components-ant'
export default {
  name: 'AuthConfig',
  components: {
    ApiCommon,
    ZOkButton
  },
  data () {
    return {
      responeAuthColumns: responeAuthColumns
    }
  },
  methods: {
    onConfirm () {
      let { form, requestTableData, dataList: responeTableData } = this.$refs.apiCommonRef
      this.$emit('confirm', { form, requestTableData, responeTableData })
    }
  }
}
</script>

<style>
</style>